<template>
    <view>
        <!-- #ifdef MP-WEIXIN || H5 -->
        <view class="header wexinBackground">
            <view>
                <image src="/static/icons/wechat.png" mode="widthFix"></image>
                <view class="tips">微信</view>
            </view>
        </view>
        <!-- #endif -->

        <!-- #ifdef MP-ALIPAY -->
        <view class="header alipayBackground">
            <view>
                <image src="/static/icons/alipay.png" mode="widthFix"></image>
                <view class="tips">支付宝</view>
            </view>
        </view>
        <!-- #endif -->

        <view class="content">
            <!-- #ifdef MP-WEIXIN || H5 -->
            <view class="title">请开通微信小额免密支付，开通后立即轻松购物</view>
            <view class="item">·微信合作品牌，官方授权</view>
            <view class="item">·如对开通免密支付有疑问，请点击
                <text class="weixinColor" @click="explain">查看免密说明</text>
                <!-- #endif -->
                <!-- #ifdef MP-ALIPAY -->
                <view class="title">请开通支付宝小额免密支付，开通后立即轻松购物</view>
                <view class="item">·支付宝合作品牌，官方授权</view>
                <view class="item">·如对开通免密支付有疑问，请点击
                    <text class="alipayColor" @click="explain">查看免密说明</text>
                    <!-- #endif -->
                </view>
            </view>
            <view>
                <!-- #ifdef MP-WEIXIN  || H5 -->
                <button class="confirm wexinBackground">开通免密支付</button>
                <!-- #endif -->
                <!-- #ifdef MP-ALIPAY -->
                <button class="confirm alipayBackground">开通免密支付</button>
                <!-- #endif -->
            </view>
        </view>
</template>

<script>
    import directPay from "./directPay.js";
    export default directPay;
</script>

<style>
    @import url("./directPay.css");
</style>